<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="format-detection" content="telephone=yes" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="keywords" content="${keywords}" />
  <meta name="description" content="${description}" />
  <!-- 360默认极速模式 -->
  <meta name=”renderer” content=”webkit” />
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/border.css" />
  <link rel="stylesheet" href="./css/font/iconfont.css" />
  <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/font/stylesheet.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./js/wow.js/css/libs/animate.css" />
  <link rel="stylesheet" href="./js/swiper/css/swiper.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/swiper-reset.css" />
  <link rel="stylesheet" href="./css/flex.css" />
  <link rel="stylesheet" href="./js/pagination/pagination.css" />
  <link rel="stylesheet" href="./css/connectUs.css" />
  <title>${tile}</title>

</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="logo"><img src="./image/logo.png" alt="" /></div>
      <span class="iconfont icon-caidan"></span>
      <div class="hide" id="navs">
        <div id="cover"></div>
        <div class="navs-content">
          <ul class="nav">
            <li class="nav-item"><a href="/">首页</a></li>
            <li class="nav-item"><a class="arrow" href="#">教育数字化产品与服务</a>
              <ul class="sub-nav">
                <li><a href="/huahan/oem">必过在线OEM平台</a></li>
                <li><a href="/huahan/teachers">全科目数字化课程产品</a></li>
                <li><a href="http://www.e-xiaot.com/" target="_blank">E校通教育与知识数字化工具</a></li>
                <li><a href="/huahan/edu">教务数字化管理系统</a></li>
                <li><a href="/huahan/crm">CRM数字化营销系统</a></li>
                <li><a href="/huahan/student">学员数字化学习服务</a></li>
              </ul>
            </li>
            <li class="nav-item"><a class="arrow" href="#">行业解决方案</a>
              <ul class="sub-nav">
                <li><a href="/huahan/solution?tab=1">职业资格证</a></li>
                <li><a href="/huahan/solution?tab=2">学历教育</a></li>
                <li><a href="/huahan/solution?tab=3">教育机构</a></li>
                <li><a href="/huahan/solution?tab=4">企业培训</a></li>
                <li><a href="/huahan/solution?tab=5">知识付费</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="arrow" href="#">关于华翰</a>
              <ul class="sub-nav">
                <li><a href="/huahan/about">华翰故事</a></li>
                <li><a href="/huahan/brandDynamic?categoryId=1&page=1">品牌动态</a></li>
                <li><a href="/huahan/conncetUs">联系我们</a></li>
              </ul>
            </li>
          </ul>
          <div class="action">
            <a href="http://oem.beegoedu.com/oemv2/login" target="_blank">
              <div class="btn btn-login">登录</div>
            </a>
            <a href="http://oem.beegoedu.com/oemv2/reg" target="_blank">
              <div class="btn btn-try">试用</div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </header>
  <div class="about-us">
    <div id="tabs" class="nav-list flex-center2">
      <div class="list-item  flex-center2 ">
        <a href="/huahan/about">华翰故事</a>
      </div>
      <div class="list-item  flex-center2 active">
        品牌动态
      </div>
      <div class="list-item  flex-center2">
        <a href="/huahan/conncetUs">联系我们</a>
      </div>
    </div>
    <div id="contents">
      <div id="tab1" class="item"></div>
      <div id="tab2" class="item"></div>
      <div id="tab3" class="item show">
        <div class="company_info w">
          <div class="phone">
            <div class="left">全国免费服务热线：</div>
            <div class="right">400-001-5920</div>
          </div>
          <div class="address">
            <div class="left">总部地址：</div>
            <div class="right">广东省广州市高新技术产业开发区科汇金谷四街11号9楼</div>
          </div>
          <div class="map"><iframe id="iframe" src="./baidumap.html?id=sultan" frameborder="0"></iframe></div>
        </div>
        <div class="companyList">
          <div class="til w">全国各省市营销服务中心办公地址</div>
          <div class="list w">
            <div class="center"><span class="dot"></span>北京营销中心：</div>
            <div class="address">北京市丰台区益泽路1号院丽泽景园13号楼1单元1201</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>深圳营销中心：</div>
            <div class="address">龙华区牛栏前大厦A座1516室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>上海营销中心：</div>
            <div class="address">上海市黄浦区河南南路16号中汇大厦2层*氪空间</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>湖北营销中心：</div>
            <div class="address">武汉市东湖新技术开发区珞狮南路517号明泽大厦3楼</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>江苏营销中心：</div>
            <div class="address">南京市秦淮区莫愁路329号越界•梦幻城54幢205号</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>苏州营销中心：</div>
            <div class="address">苏州市吴中区东吴北路苏州三建405室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>四川营销中心：</div>
            <div class="address">成都市锦江区红星路三段1号 成都IFS二号楼27楼</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>长沙营销中心：</div>
            <div class="address">湖南省长沙市芙蓉区韶山北路159号8楼创富港C05</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>重庆营销中心：</div>
            <div class="address">重庆市渝北区龙塔街道红土地长都商务大厦16层</div>
          </div>
          <div class="list w">
            <div class="center"> <span class="dot"></span>河南营销中心：</div>
            <div class="address">郑州市二七万达广场13号楼810号</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>陕西营销中心：</div>
            <div class="address">西安市碑林区和平路116号金鼎国际大厦11楼</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>云南营销中心：</div>
            <div class="address">云南省昆明市五华区正义路新大新百货3F（沃力空间）</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>济南营销中心：</div>
            <div class="address">济南市历下区泉城路318号丰利大厦10层1008E室丰利中心</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>青岛营销中心：</div>
            <div class="address">青岛市南区南京路8号府都大厦B1层创联工厂D16</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>河北营销中心：</div>
            <div class="address">石家庄市桥西区华润万象城c座 2322室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>天津营销中心：</div>
            <div class="address">天津市河西区环湖中路57号华实大厦7楼C-10室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>温州营销中心：</div>
            <div class="address">浙江省温州市鹿城区百里西路珠冠大厦4幢二层8820室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>宁波营销中心：</div>
            <div class="address">宁波市鄞州区中山东路1083号世纪东方COB写字楼3A</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>安徽营销中心：</div>
            <div class="address">合肥市包河区马鞍山130号包河万达广场7号写字楼2602室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>广西营销中心：</div>
            <div class="address">南宁市西乡塘区安吉万达B座1227室</div>
          </div>
          <div class="list w">
            <div class="center"><span class="dot"></span>福建营销中心：</div>
            <div class="address">福州市鼓楼区杨桥东路5号景福堂大厦10层</div>
          </div>
        </div>
      </div>
      <div id="tab4" class="item"></div>
    </div>
  </div>
  <footer class="footer">
    <div class="footer-container">
      <div class="footer-wrapper">
        <div class="wxcode"><span>官方服务号</span><img src="./image/service.png" alt="华翰科技官方服务号"></div>
        <div class="wxcode"><span>官方订阅号</span><img src="./image//subscription.png" alt="华翰科技官方订阅号"></div>
      </div>
      <div class="phone">
        <span>全国免费咨询服务热线</span>
        <div class="number">400-001-5920</div>
      </div>
      <div class="footer-bottom">
        <div class="address">总部地址：<div>广东省广州市高新技术开发区科汇金谷四街11号9层</div>
        </div>
        <div class="service-center">全国营销服务中心：广州、深圳、北京、上海、苏州、南京、宁波、温州、济南、天津、合肥、郑州、石家庄、武汉、长沙、成都、重庆、昆明、西安、南宁</div>
        <div class="hr"></div>
        <ul class="copyright">
          <li><a href="/cert-c.html" target="_blank">增值电信业务经营许可</a></li>
          <li><a href="/cert-a.html" target="_blank">广播电视节目经营许可</a></li>
          <li><a href="/cert-b.html" target="_blank">网络安全等级保护许可 </a></li>
          <li><a href="http://beian.miit.gov.cn" target="_blank">CIP备案号 13083939号</a></li>
          <li><a href="/cert-d.html" target="_blank">营业执照</a></li>
          <li><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011202000209" target="_blank">公安备号
              44011202000209号</a></li>
          <li><a href="/cert-e.html" target="_blank">出版物经营许可证</a></li>
        </ul>
      </div>
    </div>
    <div class="bottom">&#169 2013-2021 必过在线教育OEM ALL RIGHTS RESERVED. <div>广州华翰教育科技有限公司 版权所有</div>
    </div>
  </footer>

  <div class="fixed-container">
    <div class="fixed-wrapper">
      <div class="fixed-hover fixed-item" id="zhuanshu">
        <span class="col">专属客服</span>
      </div>
      <div class="fixed-hover fixed-item show-phone">
        <a href="tel:400-001-5920">
          <div class="img"></div>
          <span>咨询电话</span>
        </a>
      </div>
      <div class="fixed-hover fixed-item" id="consult">
        <div class="img"></div>
        <span>在线咨询</span>
      </div>
      <div class="fixed-hover fixed-item">
        <a class="flex-column-center" href="/huahan/zixun" target="_blank">
          <div class="img"></div>
          <span>获取方案</span>
        </a>
      </div>
    </div>
  </div>

</body>
<script src="./js/swiper/js/swiper.min.js"></script>
<script src="./js/wow.js/dist/wow.min2.js"></script>
<script src="./js/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="./js/fixed.js"></script>
<script src="./js/header.js"></script>
<script type="text/javascript">
  // tabs切换

  // $('#tabs a').click(function (e) {
  //   e.preventDefault();
  //   $('#tabs li').removeClass("current").removeClass("hoverItem");
  //   $(this).parent().addClass("current");
  //   // $("#contents div").removeClass("show");
  //   // $('#' + $(this).attr('title')).addClass('show');
  // });

  // $('#tabs a').hover(function () {
  //   if (!$(this).parent().hasClass("current")) {
  //     $(this).parent().addClass("hoverItem");
  //   }
  // }, function () {
  //   $(this).parent().removeClass("hoverItem");
  // });

  // 滚动条事件
  $(window).scroll(function () {
    var top = $(document).scrollTop();
    var targetTop = 360
    if (top > targetTop) {
      $('#tabs').addClass('fixHeader')
    } else {
      $('#tabs').removeClass('fixHeader')
    }
  })
  // 计算地图高度
  function getHeightFun() {
    let height = window.screen.width / 375 * 168;
    document.getElementsByClassName('map')[0].style.height = height + 'px'
  }
  getHeightFun();

  // 搜索盒子
  $('.search-cover').click(function () {
    console.log($('.search-cover')[0]);
    $('.search-cover').hide();
    //  $('.search')[0].style.display = 'block'
    $('.search').show().focus();
  })
  $('.search').blur(function () {
    let code = $(this).val();
    console.log(code.length);
    if (code.length == 0) {
      $('.search-cover').show();
      $('.search').hide();
    }
  })
  $('.search').keyup(function () {
    let code = $(this).val();
    if (code.length == 0) {
      $('.search-cover').show();
      $('.search').hide();
    }
  });
  const mySwiper = new Swiper('.swiper-container', {
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
    }

    ,
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    }

    ,
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }

    ,

    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })
</script>

</html>